<template>
<div>
<div class="logo">
    <img src="/static/logo.png" mode="aspectFit"/>
</div>
<i-panel class="cell-panel-demo">
    <i-cell title="项目地址" value="https://github.com/JJJYY/mpvue-iview"></i-cell>
</i-panel>
<i-panel title="mpvue 引用原生页面">
  <i-cell title="小程序原生页面" is-link url="/pages/native/index"></i-cell>
</i-panel>
<i-panel title="mpvue组件中引用">
  <i-cell title="import" is-link url="/pages/components/index"></i-cell>
  <i-cell title="Slot" is-link url="/pages/slot/index"></i-cell>
</i-panel>
<i-panel title="布局">
    <i-cell-group>
        <i-cell title="Layout 栅格布局" is-link url="/pages/layout/index"></i-cell>
        <i-cell title="Grid 宫格" is-link url="/pages/grid/index"></i-cell>
        <i-cell title="Panel 面板" is-link url="/pages/panel/index"></i-cell>
        <i-cell title="List 列表" is-link url="/pages/list/index"></i-cell>
        <i-cell title="Card 卡片" is-link url="/pages/card/index"></i-cell>
    </i-cell-group>
</i-panel>
<i-panel title="基础组件">
    <i-cell-group>
        <i-cell title="Button 按钮" is-link url="/pages/button/index"></i-cell>
        <i-cell title="Color 色彩" is-link url="/pages/color/index"></i-cell>
        <i-cell title="Icon 图标" is-link url="/pages/icon/index"></i-cell>
    </i-cell-group>
</i-panel>
<i-panel title="导航">
    <i-cell-group>
        <i-cell title="TabBar 标签栏" is-link url="/pages/tab-bar/index"></i-cell>
        <i-cell title="Tabs 标签页" is-link url="/pages/tabs/index"></i-cell>
        <i-cell title="Drawer 抽屉" is-link url="/pages/drawer/index"></i-cell>
        <i-cell title="Page 分页" is-link url="/pages/page/index"></i-cell>
        <i-cell title="Steps 步骤条" is-link url="/pages/steps/index"></i-cell>
        <i-cell title="NoticeBar 通告栏" is-link url="/pages/notice-bar/index"></i-cell>
    </i-cell-group>
</i-panel>
<i-panel title="操作反馈">
    <i-cell-group>
        <i-cell title="ActionSheer 动作面板" is-link url="/pages/action-sheet/index"></i-cell>
        <i-cell title="Toast 轻提示" is-link url="/pages/toast/index"></i-cell>
        <i-cell title="Modal 对话框" is-link url="/pages/modal/index"></i-cell>
        <i-cell title="Message 全局提醒" is-link url="/pages/message/index"></i-cell>
        <i-cell title="Spin 加载中" is-link url="/pages/spin/index"></i-cell>
    </i-cell-group>
</i-panel>
<i-panel title="视图">
    <i-cell-group>
        <i-cell title="Badge 徽章" is-link url="/pages/badge/index"></i-cell>
        <i-cell title="Alert 警告提示" is-link url="/pages/alert/index"></i-cell>
        <i-cell title="Tag 标签" is-link url="/pages/tag/index"></i-cell>
        <i-cell title="Progress 进度条" is-link url="/pages/progress/index"></i-cell>
        <i-cell title="Avatar 头像" is-link url="/pages/avatar/index"></i-cell>
    </i-cell-group>
</i-panel>
<i-panel title="表单">
    <i-cell-group>
        <i-cell title="Input 输入框" is-link url="/pages/input/index"></i-cell>
        <i-cell title="Radio 单选" is-link url="/pages/radio/index"></i-cell>
        <i-cell title="Checkbox 复选" is-link url="/pages/checkbox/index"></i-cell>
        <i-cell title="Switch 开关" is-link url="/pages/switch/index"></i-cell>
        <i-cell title="Rate 评分" is-link url="/pages/rate/index"></i-cell>
        <i-cell title="InputNumber 数字输入框" is-link url="/pages/input-number/index"></i-cell>
    </i-cell-group>
</i-panel>
</div>
</template>

<script>
export default {
  onShareAppMessage () {
    return {
      title: 'iView Weapp',
      imageUrl: 'https://file.iviewui.com/iview-weapp-logo.png'
    }
  },

  methods: {
    setData (data) {
      Object.keys(data).forEach(key => {
        this[key] = data[key]
      })
    }

  }

}
</script>

<style>
.logo{
    text-align: center;
}
.logo image{
    display: block;
    margin: 0 auto;
}
</style>
